<include file="Index/_meta" />
<body>

<div class="right">
    <div class="mg40">
        <div class="cheliangtop">
            <div class="layui-row">
                <div class="layui-col-md1">
                    <div>&nbsp;</div>
                </div>
                <div class="layui-col-md5">
                    <div class="chelianghd">
                        <div id="qu_dwfl" class="cavascenter"></div>
                    </div>
                </div>
                <div class="layui-col-md5">
                    <div class="chelianghd">
                        <div id="qu_ggfw" class="cavascenter"></div>
                    </div>
                </div>
                <div class="layui-col-md1">
                    <div>&nbsp;</div>
                </div>
            </div>
        </div> 
        <div class="rkzhubiao">
            <div class="layui-row">
                <div class="layui-col-md1">
                    <div>&nbsp;</div>
                </div>
                <div class="layui-col-md5">
                    <div class="chelianghd">
                        <div id="qu_jsgm" class="cavascenter"></div>
                    </div>
                </div>
                <div class="layui-col-md5">
                    <div class="chelianghd">
                        <div id="qu_dwgm" class="cavascenter"></div>
                    </div>
                </div>
                <div class="layui-col-md1">
                    <div>&nbsp;</div>
                </div>
            </div>
        </div>  
    </div> 
</div>
<!-- 单位分类图 -->
<script type="text/javascript">
    var dom = document.getElementById("qu_dwfl");
    var myChart = echarts.init(dom);
    var app = {};
    var option = null;
    option = {
        title : {
            text: '单位分类图',
            subtext: '',
            x:'center'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['国有企业','集体企业','联营企业','股份合作制企业','私营企业','合伙企业','个体户','有限责任公司','股份有限公司']
        },
        series : [
            {
                name: '企业数(个)',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:[
                    {value:56215, name:'国有企业'},
                    {value:56215, name:'集体企业'},
                    {value:56215, name:'联营企业'},
                    {value:56215, name:'股份合作制企业'},
                    {value:56215, name:'私营企业'},
                    {value:56215, name:'个体户'},
                    {value:56215, name:'合伙企业'},
                    {value:56215, name:'有限责任公司'},
                    {value:30873, name:'股份有限公司'}
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
</script>
<!-- 公共服务图 -->
<script type="text/javascript">
    var dom = document.getElementById("qu_ggfw");
    var myChart = echarts.init(dom);
    var app = {};
    var option = null;
    option = {
        title : {
            text: '公共服务图',
            subtext: '',
            x:'center'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['教育','公共卫生','公共文化','社会福利','社会保障']
        },
        series : [
            {
                name: '机构数(家)',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:[
                    {value:56215, name:'教育'},
                    {value:56215, name:'公共卫生'},
                    {value:56215, name:'公共文化'},
                    {value:56215, name:'社会福利'},
                    {value:56215, name:'社会保障'}
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
</script>
<!-- 交税规模图 -->
<script type="text/javascript">
    var dom = document.getElementById("qu_jsgm");
    var myChart = echarts.init(dom);
    var app = {};
    var option = null;

    option = {
        title : {
            text: '交税规模图',
            subtext: '',
            x:'center'
        },
        color: ['#3398DB'],
        tooltip : {
            trigger: 'axis',
            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis : [
            {
                type : 'category',
                data : ['20W以下', '20-50W', '50-100W', '100-1000W', '1000W以上'],
                axisTick: {
                    alignWithLabel: true
                }
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'企业数',
                type:'bar',
                barWidth: '60%',
                data:[660, 6618, 2412, 430, 280]
            }
        ]
    };

    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
</script>
<!-- 单位规模图 -->
<script type="text/javascript">
    var dom = document.getElementById("qu_dwgm");
    var myChart = echarts.init(dom);
    var app = {};
    var option = null;

    option = {
        title : {
            text: '单位规模图',
            subtext: '',
            x:'center'
        },
        color: ['#3398DB'],
        tooltip : {
            trigger: 'axis',
            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis : [
            {
                type : 'category',
                data : ['20人以内', '20-50人', '50-500人','500人以上'],
                axisTick: {
                    alignWithLabel: true
                }
            }
        ],
        yAxis : [
            {
                type : 'value'
            }
        ],
        series : [
            {
                name:'企业数',
                type:'bar',
                barWidth: '60%',
                data:[660, 6618, 2412, 430, 280]
            }
        ]
    };

    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
</script>